.salon {
  position: relative;

  .card {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
    // scroll-padding: 150rpx 0 0 0;
    scroll-snap-type: y mandatory;

    .item {
      flex-shrink: 0;
      width: 100%;
      height: 1050rpx;
      position: relative;
      scroll-snap-align: start;
      scroll-snap-stop: always;
      padding: 214rpx 40rpx;
      box-sizing: border-box;

      .texts {
        position: absolute;
        bottom: 27%;
        left: 40rpx;

        .line {
          display: flex;
          align-items: center;
        }

        color: rgb(255, 255, 255);
        font-family: Helvetica;
        font-size: 24rpx;
        line-height: 40rpx;
      }

      .btn {
        position: absolute;
        left: 40rpx;
        bottom: 50rpx;
        width: 210rpx;
        height: 45rpx;

        image {
          width: 100%;
          height: 100%;
        }
      }

      .btn-text {
        border-radius: 22.5px;
        background: linear-gradient(161.96deg, rgb(252, 244, 232) -22.891%, rgb(208, 173, 116) 102.665%);
        color: rgb(145, 105, 28);
        font-size: 23rpx;
        letter-spacing: 1.84rpx;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }

}